<template>
	<div>
		<!--普通门 -->
		<el-row class="bg" v-if="normalStatus">
			<el-col :span="24">
				<el-form :inline="true" :model="dataForm" @keyup.enter.native="init()">
					<el-form-item label="站点名称：">
						<span>{{ dataForm.stationName }}</span>
						<!-- <el-input v-model="dataForm.stationName" readonly placeholder="站点名称" clearable></el-input> -->
					</el-form-item>
					<el-form-item label="DCU编号：">
						<el-select v-model="dataForm.DCU" filterable clearable placeholder="请选择DCU编号" @change="changeDCU()">
							<el-option v-for="(item, index) in DCUoptions" :key="index" :label="item.dcu"
								:value="item.dcu"></el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="站台侧">
						<el-select v-model="dataForm.stationSide" filterable clearable placeholder="请选择站台侧"
							@change="changeStation">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value"></el-option>
						</el-select>
					</el-form-item>
				</el-form>
			</el-col>
		</el-row>
		<!-- 端门 -->
		<div class="bg duanmenBg" v-if="duanmenStatus" style="display: block">
			<el-col :span="24" class="duanmenBg1">
				<el-form :inline="true" :model="dataForm" @keyup.enter.native="init()">
					<el-form-item label="站点名称：">
						<span>{{ dataForm.stationName }}</span>
						<!-- <el-input v-model="dataForm.stationName" placeholder="站点名称" clearable></el-input> -->
					</el-form-item>
					<el-form-item label="端门编号：">
						<el-select v-model="dataForm.DCU" filterable clearable placeholder="请选择" @change="changedm()">
							<el-option v-for="item in dmOptions" :key="item.dcu" :label="item.dcu" :value="item.dcu">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="站台侧">
						<el-select v-model="dataForm.stationSide" filterable clearable placeholder="请选择"
							@change="changeStation">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value"></el-option>
						</el-select>
					</el-form-item>
				</el-form>
			</el-col>
			<el-col :span="5" class="duanmenBg1" style="margin-top: 10px">
				<div class="duanmenCon">
					<div class="duanmenCon1">行程开关</div>
					<span class="yjTxt">左</span>
					<div v-if="dmStatus == 1" class="duanmenCon2 green">断开</div>
					<div v-else class="duanmenCon2">闭合</div>
				</div>
			</el-col>
			<el-col :span="5" class="duanmenBg1" style="margin-top: 10px">
				<div class="duanmenCon">
					<div class="duanmenCon1">端门状态</div>
					<div class="duanmenCon2" :class="dm1 == 0 ? 'green' : dm1 == 1 ? 'red' : ''">
						<span v-if="dm1 == 1">未锁闭</span>
						<span v-else>锁闭</span>
					</div>
				</div>
			</el-col>
		</div>
		<!-- 应急门 -->
		<div class="bg duanmenBg" v-if="yjStatus" style="display: block">
			<el-row>
				<el-col :span="24" class="duanmenBg1">
					<el-form :inline="true" :model="dataForm" @keyup.enter.native="init()">
						<el-form-item label="站点名称：">
							<span>{{ dataForm.stationName }}</span>
							<!-- <el-input v-model="dataForm.stationName" placeholder="站点名称" clearable></el-input> -->
						</el-form-item>
						<el-form-item label="应急门编号：">
							<el-select v-model="dataForm.DCU" filterable clearable placeholder="请选择应急门编号"
								@change="changeyjDCU()">
								<el-option v-for="item in yjOptions" :key="item.dcu" :label="item.dcu"
									:value="item.dcu"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="站台侧">
							<el-select v-model="dataForm.stationSide" filterable clearable placeholder="请选择"
								@change="changeStation">
								<el-option v-for="item in options" :key="item.value" :label="item.label"
									:value="item.value"></el-option>
							</el-select>
						</el-form-item>
					</el-form>
				</el-col>
			</el-row>
			<el-row style="margin-top: 10px">
				<el-col :span="8" class="duanmenBg1">
					<div class="duanmenCon">
						<div class="duanmenCon1">行程开关</div>
						<span class="yjTxt">左</span>
						<div v-if="yjKGStatus == 1" class="duanmenCon2 green">闭合</div>
						<div v-else class="duanmenCon2">断开</div>
						<span class="yjTxt">右</span>
						<div v-if="yjKGStatus1 == 1" class="duanmenCon2 duanmenCon21 green">
							闭合
						</div>
						<div v-else class="duanmenCon2">断开</div>
					</div>
				</el-col>
				<el-col :span="8" class="duanmenBg1" style="margin-right: 0">
					<div class="duanmenCon">
						<span class="yjTxt">应急门旁路状态</span>
						<div class="duanmenCon2" :class="yjmplStatus == 1 ? 'green' : yjmplStatus == 0 ? '' : ''">
							应急门旁路状态
						</div>
					</div>
				</el-col>
			</el-row>
		</div>
		<el-row class="bg1" v-if="normalStatus">
			<el-col :span="5">
				<div class="LCBContent">
					<h3 class="LCBContentTxt">LCB操作信息</h3>
					<div class="LCBContentul">
						<ul>
							<li :class="
								item.status === 0 ? '' : item.status === 1 ? 'PSCShow' : ''
							" v-for="item in LCBList">
								{{ item.name }}
							</li>
						</ul>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="LCBContent LCBContent1">
					<h3 class="LCBContentTxt">接收到的开关门命令</h3>
					<div class="PSCContent">
						<div class="PSCContent1">
							<div class="PSCContent1Txt">PSC开门命令</div>
							<div class="PSCContent1Txt1">
								<div :class="
									openDoorMarshalling4 === 0
										? ''
										: openDoorMarshalling4 === 1
											? 'PSCShow'
											: ''
								">
									4编组
								</div>
								<div :class="
									openDoorMarshalling8 === 0
										? ''
										: openDoorMarshalling8 === 1
											? 'PSCShow'
											: ''
								">
									8编组
								</div>
							</div>
						</div>
						<div class="PSCContent2">
							<div class="PSCContent1Txt">PSC关门命令</div>
							<div class="PSCContent1Txt1">
								<div :class="
									pscCloseDoor === 0
										? ''
										: pscCloseDoor === 1
											? 'PSCShow'
											: ''
								">
									有效
								</div>
							</div>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="7">
				<div class="LCBContent LCBContent1">
					<h3 class="LCBContentTxt">开关门到位检测</h3>
					<div class="PSCContent">
						<div class="PSCContent1">
							<div class="PSCContent1Txt">开门到位</div>
							<div class="PSCContent1Txt1">
								<div :class="
									openDoorInPlace === 0
										? ''
										: openDoorInPlace === 1
											? 'PSCShow'
											: ''
								">
									开门到位
								</div>
								<div :class="
									openDoorInPlace === 1
										? ''
										: openDoorInPlace === 0
											? 'PSCShow'
											: ''
								">
									开门未到位
								</div>
							</div>
						</div>
						<div class="PSCContent2">
							<div class="PSCContent1Txt">关门到位</div>
							<div class="PSCContent11">
								<div>
									<!-- <span class="pscTxt2">开关1</span> -->
									<span class="PSCContent11B" :class="
										closeDoorInPlace1 === 0
											? ''
											: closeDoorInPlace1 === 1
												? 'PSCShow'
												: ''
									">关门到位</span>
								</div>
								<div>
									<!-- <span class="pscTxt2">开关2</span> -->
									<span class="PSCContent11B" :class="
										closeDoorInPlace1 === 1
											? ''
											: closeDoorInPlace1 === 0
												? 'PSCShow'
												: ''
									">关门未到位</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="LCBContent" style="margin-right: 0; padding: 1vw">
					<h3 class="LCBContentTxt">门机状态</h3>
					<div class="LCBContentul doorS doorSNew">
						<ul>
							<li :class="[
								item.status === 0 && index !== 7 && index !== 9
									? ''
									: item.status === 1 && index !== 7 && index !== 9
										? 'PSCShow'
										: '',
								item.status === 0 && (index == 7 || index == 9)
									? ''
									: item.status === 1 && (index == 7 || index == 9)
										? 'GZactive'
										: '',
							]" v-for="(item, index) in doorSList">
								{{ item.name }}
							</li>
						</ul>
					</div>
				</div>
			</el-col>
		</el-row>
		<el-row class="bg1" v-if="normalStatus">
			<el-col :span="4">
				<div class="LCBContent baseInfo">
					<h3 class="LCBContentTxt">电磁锁状态</h3>
					<div class="xcStatusJs" style="margin-left: 0;">
						<div class="xcContent">
							<div class="xcContent1" style="background-color:transparent">
								<div class="PSCContent11" >
									<div>
										<span class="PSCContent11B" :class="unlockingStroke1 === 1? 'PSCShow': ''">闭合</span>
									</div>
									<div>
										<span class="PSCContent11B" :class="unlockingStroke1 === 0? 'PSCShow': ''">断开</span>
									</div>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="4">
				<div class="LCBContent baseInfo">
					<h3 class="LCBContentTxt">有无应急门</h3>
					<div class="xcStatusJs" style="margin-left: 0;">
						<div class="xcContent">
							<div class="xcContent1" style="background-color:transparent">
								<div class="PSCContent11" >
									<div>
										<span class="PSCContent11B"  :class="isHaveEmergencyDoor === 1? 'PSCShow': ''">有</span>
									</div>
									<div>
										<span class="PSCContent11B" :class="isHaveEmergencyDoor === 0? 'PSCShow': ''">无</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="10">
				<div class="LCBContent baseInfo">
					<h3 class="LCBContentTxt">基本故障</h3>
					<div class="LCBContentul doorS baseInfoS LCBContentulG doorSNew1">
						<ul>
							<li :class="
								item.status === 0 ? '' : item.status === 1 ? 'GZactive' : ''
							" v-for="item in baseInfoList">
								{{ item.name }}
							</li>
						</ul>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="LCBContent baseInfo" style="margin-right: 0;">
					<h3 class="LCBContentTxt">通迅故障</h3>
					<div class="LCBContentul" >
						<ul style="align-items: flex-start;">
							<li :class="
								item.status === 0 ? '' : item.status === 1 ? 'GZactive' : ''
							" v-for="item in txList" style="min-width: 201px;">
								{{ item.name }}
							</li>
						</ul>
					</div>
				</div>
			</el-col>
			<!-- <el-col :span="6">
				<div class="LCBContent parameterInfo LCBContent1" style="margin-right: 0;height: 25vh;">
					<h3 class="LCBContentTxt">其它故障</h3>
					<div class="PSCContent">
						<div class="PSCContent1" style="height: 32%;">
							<div class="PSCContent1Txt">电磁锁故障</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2" v-if="type==0">
								<div :class="leftDCT==0?'':leftDCT==1?'GZactive':''"></div>
							</div>
							<div class="PSCContent1Txt1" v-if="type==1">
								<div :class="leftDCT==0?'':leftDCT==1?'GZactive':''">左</div>
								<div :class="rightDCT==0?'':rightDCT==1?'GZactive':''">右</div>
							</div>
						</div>
						<div class="PSCContent1" style="height: 32%;">
							<div class="PSCContent1Txt">电机过载</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2" v-if="type==0">
								<div :class="leftDJ==0?'':leftDJ==1?'GZactive':''"></div>
							</div>
							<div class="PSCContent1Txt1" v-if="type==1">
								<div :class="leftDJ==0?'':leftDJ==1?'GZactive':''">左</div>
								<div :class="rightDJ==0?'':rightDJ==1?'GZactive':''">右</div>
							</div>
						</div>
						<div class="PSCContent1" style="height: 32%;border-bottom: none;">
							<div class="PSCContent1Txt">电机霍尔故障</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2" v-if="type==0">
								<div :class="leftDJHE==0?'':leftDJHE==1?'GZactive':''"></div>
							</div>
							<div class="PSCContent1Txt1" v-if="type==1">
								<div :class="leftDJHE==0?'':leftDJHE==1?'GZactive':''">左</div>
								<div :class="rightDJHE==0?'':rightDJHE==1?'GZactive':''">右</div>
							</div>
						</div>
						<div class="PSCContent1" style="height: 4%;border-bottom: none;background-color: transparent!important;padding-left: 0;">
							<div class="PSCContent1Txt1" >
								<div :class="doorReferenceResources === 0? '':doorReferenceResources === 1? 'GZactive':''">门参考零位置点丢失</div>
							</div>
						</div>
					</div>
				</div>
			</el-col> -->
		</el-row>
		<el-row class="bg1" v-if="normalStatus">
			<el-col :span="14">
				<div class="LCBContent parameterInfo">
					<h3 class="LCBContentTxt" style="text-align: left">门机运行参数</h3>
					<div class="parameterContent">
						<el-form :inline="true" :model="parameterForm">
							<el-row>
								<span class="parameterContent1">门电机电流：</span>
								<div v-if="type == 1">
									<el-form-item label="左:">
										<el-input class="inputWidth" v-model="parameterForm.leftDJDL" readonly
											placeholder="" clearable></el-input>
										<span class="danwei">(A)</span>
									</el-form-item>
									<el-form-item label="右:">
										<el-input class="inputWidth" v-model="parameterForm.rightDJDL" readonly
											placeholder="" clearable></el-input>
										<span class="danwei">(A)</span>
									</el-form-item>
								</div>
								<div v-else>
									<el-form-item label="">
										<el-input class="inputWidth" v-model="parameterForm.leftDJDL" readonly
											placeholder="" clearable></el-input>
										<span class="danwei">(A)</span>
									</el-form-item>
								</div>
                                
								<el-form-item label="上电累计遇阻次数：">
									<el-input class="inputWidth" v-model="parameterForm.cumulativeBlockTimes" readonly placeholder=""
										clearable></el-input>
								<!-- 	<span class="danwei">(V)</span> -->
								</el-form-item> 
								<!-- <el-form-item label="DCU控制电压：">
									<el-input class="inputWidth" v-model="parameterForm.hzdy" readonly placeholder=""
										clearable></el-input>
									<span class="danwei">(V)</span>
								</el-form-item> -->
							</el-row>
							<el-row>
								<!-- <span class="parameterContent1">门机阻力：</span>
								<div v-if="type==1">
									<el-form-item label="左:">
									   <el-input class="inputWidth" v-model="parameterForm.leftMJZL" readonly placeholder="" clearable></el-input>
									    <span class="danwei">(N)</span>
									</el-form-item>
									<el-form-item label="右:" >
									  <el-input class="inputWidth" v-model="parameterForm.rightMJZL" readonly placeholder="" clearable></el-input>
									   <span class="danwei">(N)</span>
									</el-form-item>
								</div>
								<div v-else>
									<el-form-item label="" >
									  <el-input class="inputWidth" v-model="parameterForm.leftMJZL" readonly placeholder="" clearable></el-input>
									   <span class="danwei">(N)</span>
									</el-form-item>
								</div> -->

								<el-form-item label="DCU驱动电压：">
									<el-input class="inputWidth" v-model="parameterForm.qddy" readonly placeholder=""
										clearable></el-input>
									<span class="danwei">(V)</span>
								</el-form-item>
								<span class="parameterContent1" style="width: auto;">门位置：</span>
								<div v-if="type == 1">
									<el-form-item label="左:">
										<el-input class="inputWidth" v-model="parameterForm.leftMWZ" readonly placeholder=""
											clearable></el-input>
										<span class="danwei">(cm)</span>
									</el-form-item>
									<el-form-item label="右:">
										<el-input class="inputWidth" v-model="parameterForm.rightMWZ" readonly
											placeholder="" clearable></el-input>
										<span class="danwei">(cm)</span>
									</el-form-item>
								</div>
								<div v-else>
									<el-form-item label="">
										<el-input class="inputWidth" v-model="parameterForm.leftMWZ" readonly placeholder=""
											clearable></el-input>
										<span class="danwei">(cm)</span>
									</el-form-item>
								</div>
							</el-row>
							<!-- <el-row>
								<span class="parameterContent1">门速度：</span>
								<div v-if="type==1">
									<el-form-item label="左:">
									   <el-input v-model="parameterForm.leftSpeed" readonly placeholder="" clearable style="width:7.8vw; height:3.5vh"></el-input>
									   <span class="danwei">(mm/s)</span>
									</el-form-item>
									<el-form-item label="右:">
									  <el-input v-model="parameterForm.rightSpeed" readonly placeholder="" clearable style="width:7.8vw; height:3.5vh"></el-input>
									  <span class="danwei">(mm/s)</span>
									</el-form-item>
								</div>
								<div v-else>
									<el-form-item label="">
									  <el-input v-model="parameterForm.leftSpeed" readonly placeholder="" clearable style="width:7.8vw; height:3.5vh"></el-input>
									  <span class="danwei">(mm/s)</span>
									</el-form-item>
								</div>
							</el-row> -->
							<!-- <el-row>
						  		<span class="parameterContent1">门位置：</span>
								<div v-if="type==1">
									<el-form-item label="左:">
									   <el-input class="inputWidth" v-model="parameterForm.leftMWZ" readonly placeholder="" clearable></el-input>
									   <span class="danwei">(mm)</span>
									</el-form-item>
									<el-form-item label="右:">
									  <el-input class="inputWidth" v-model="parameterForm.rightMWZ" readonly placeholder="" clearable></el-input>
									  <span class="danwei">(mm)</span>
									</el-form-item>
								</div>
						  		<div v-else>
									<el-form-item label="">
									  <el-input class="inputWidth" v-model="parameterForm.leftMWZ" readonly placeholder="" clearable></el-input>
									  <span class="danwei">(mm)</span>
									</el-form-item>
								</div>
						  	</el-row> -->
						</el-form>
					</div>
				</div>
			</el-col>
			<!-- <el-col :span="4">
				<div class="LCBContent parameterInfo LCBContent1">
					<h3 class="LCBContentTxt">其它状态</h3>
					<div class="PSCContent">
						<div class="PSCContent1" style="height: 50%; padding: 0 1vw">
							<div class="PSCContent1Txt">排风阀状态</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2">
								<p class="pfContent">
									<span class="pfOpen" :class="pfStatus == 1 ? 'pfgreen' : ''">开</span>
									<span class="pfOpen" :class="pfStatus == 2 ? 'pfclose' : ''">关</span>
									<span class="pfOpen" :class="pfStatus == 3 ? 'pfgz' : ''">故障</span>
								</p>
							</div>
						</div>
						<div class="PSCContent1" style="height: 50%; padding: 0 1vw">
							<div class="PSCContent1Txt">缝隙灯带状态</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2">
								<p class="pfContent">
									<span class="pfOpen" :class="fxdStatus == 1 ? 'pfgreen' : ''">开</span>
									<span class="pfOpen" :class="fxdStatus == 2 ? 'pfclose' : ''">关</span>
									<span class="pfOpen" :class="fxdStatus == 3 ? 'pfgz' : ''">故障</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</el-col> -->
			<el-col :span="5">
				<div class="LCBContent parameterInfo LCBContent1">
					<h3 class="LCBContentTxt">其它状态</h3>
					<div class="PSCContent">
						<div class="PSCContent1" style="height: 50%; padding: 0 1vw">
							<div class="PSCContent1Txt">应用状态代码</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2">
								<p>
									{{ applicateStatusCode }}
								</p>
							</div>
						</div>
						<div class="PSCContent1" style="height: 50%; padding: 0 1vw">
							<div class="PSCContent1Txt">宕机代码</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2">
								<p>
									{{ downCode }}
								</p>
							</div>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="5">
				<div class="LCBContent parameterInfo LCBContent1" style="margin-right: 0">
					<h3 class="LCBContentTxt">其它故障</h3>
					<div class="PSCContent">
						<div class="PSCContent1" style="height: 32%">
							<div class="PSCContent1Txt">电磁锁故障</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2" v-if="type == 0">
								<div :class="leftDCT == 0 ? '' : leftDCT == 1 ? 'GZactive' : ''"></div>
							</div>
							<div class="PSCContent1Txt1" v-if="type == 1">
								<div :class="leftDCT == 0 ? '' : leftDCT == 1 ? 'GZactive' : ''">
									左
								</div>
								<div :class="rightDCT == 0 ? '' : rightDCT == 1 ? 'GZactive' : ''">
									右
								</div>
							</div>
						</div>
						<div class="PSCContent1" style="height: 32%">
							<div class="PSCContent1Txt">电机过载</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2" v-if="type == 0">
								<div :class="leftDJ == 0 ? '' : leftDJ == 1 ? 'GZactive' : ''"></div>
							</div>
							<div class="PSCContent1Txt1" v-if="type == 1">
								<div :class="leftDJ == 0 ? '' : leftDJ == 1 ? 'GZactive' : ''">
									左
								</div>
								<div :class="rightDJ == 0 ? '' : rightDJ == 1 ? 'GZactive' : ''">
									右
								</div>
							</div>
						</div>
						<!-- <div class="PSCContent1" style="height: 32%">
							<div class="PSCContent1Txt">门参考零位置点丢失</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2">
								<div :class="
                    doorReferenceResources == 0
                      ? ''
                      : doorReferenceResources == 1
                      ? 'GZactive'
                      : ''
                  "></div>
							</div>
						</div> -->
						<div class="PSCContent1" style="height: 32%">
							<div class="PSCContent1Txt">电机驱动器温度异常</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2">
								<div :class="
									motorDriverTempStatus == 0
										? ''
										: motorDriverTempStatus == 1
											? 'GZactive'
											: ''
								"></div>
							</div>
						</div>
						<!-- <div class="PSCContent1" style="height: 32%;border-bottom: none;">
							<div class="PSCContent1Txt">电机霍尔故障</div>
							<div class="PSCContent1Txt1 PSCContent1Txt2" v-if="type==0">
								<div :class="leftDJHE==0?'':leftDJHE==1?'GZactive':''"></div>
							</div>
							<div class="PSCContent1Txt1" v-if="type==1">
								<div :class="leftDJHE==0?'':leftDJHE==1?'GZactive':''">左</div>
								<div :class="rightDJHE==0?'':rightDJHE==1?'GZactive':''">右</div>
							</div>
						</div> -->
						<!-- <div class="PSCContent1" style="height: 4%;border-bottom: none;background-color: transparent!important;padding-left: 0;">
							<div class="PSCContent1Txt1" >
								<div :class="doorReferenceResources === 0? '':doorReferenceResources === 1? 'GZactive':''">门参考零位置点丢失</div>
							</div>
						</div> -->
					</div>
				</div>
			</el-col>
		</el-row>
		<div class="tipContent" v-if="tipStatus">
			<div class="tipsTxt">
				<div class="merquee">
					<span class="merquee-txt">{{ msg }}</span>
				</div>
				<!-- <marquee :val="msg"></marquee> -->
			</div>
		</div>
	</div>
</template>

<script>
import utils from "@/utils/utils";
import Cookies from "js-cookie";
export default {
	inject: ["reload"],
	data() {
		return {
			normalStatus: false, //普通门的信息
			duanmenStatus: false, //端门信息
			yjStatus: false, //应急门信息
			type: Cookies.get("type"), //typeCookies.get('type')
			dataForm: {
				stationSide: "",
				stationName: "",
				DCU: "",
			},
			options: utils.StationList,
			DCUoptions: [], //DCU的options
			dmOptions: [], //单门的options
			yjOptions: [], //应急门的options
			parameterForm: {
				leftDJDL: "",
				rightDJDL: "",
				hzdy: "", //控制电压
				leftMJZL: "",
				rightMJZL: "",
				qddy: "", //驱动电压
				// leftSpeed:'',
				// rightSpeed:'',
				leftMWZ: "", //左侧门位置
				rightMWZ: "", //右侧门位置
				cumulativeBlockTimes:'',//上电累计遇阻次数
			},
			PSCStatus: true,
			doorSList: utils.doorSList,
			baseInfoList: utils.baseInfoList,
			LCBList: utils.LCBList,
			txList: utils.txList,
			leftDCT: -1, //左电磁锁
			rightDCT: -1, //右电磁锁
			leftDJ: -1, //电机过载
			rightDJ: -1, //电机过载
			leftDJHE: -1, //电机霍尔
			rightDJHE: -1, //右电机霍尔
			dmStatus: -1, //端门的开关状态
			yjKGStatus: -1,
			yjKGStatus1: -1,
			LEARN_FAULT: -1,
			OPEN_FAULT: -1,
			CLOSE_FAULT: -1,
			unlockingStroke1: -1, //关闭1行程开关状态
			unlockingStroke2: -1, //关闭2行程开关状态
			unlockingStroke3: -1, //关闭3行程开关状态半高
			unlockingStroke4: -1, //关闭4行程开关状态半高
			lockingStroke1: -1, //闭锁行程开关1状态
			lockingStroke2: -1, //闭锁行程开关2状态
			lockingStroke3: -1, //闭锁行程开关3状态
			lockingStroke4: -1, //闭锁行程开关4状态
			openDoorMarshalling4: -1, //PSC开门命令4编组状态
			openDoorMarshalling8: -1, //PSC开门命令8编组状态
			pscCloseDoor: -1, //psc关门命令状态
			openDoorInPlace: -1, //开门到位状态
			openDoorNotInPlace: -1, //开门未到位状态
			closeDoorInPlace1: -1, //关门到位开关1状态
			closeDoorInPlace2: -1, //关门到位开关2状态
			doorReferenceResources: -1, //门参考零位置点丢失状态
			motorDriverTempStatus: -1, //电机驱动器温度异常
			tipStatus: false, //psc显示
			msg: "",
			yjmplStatus: -1, //应急门旁路状态
			activeIndex: "", //滑动门的active
			activeIndex1: "", //应急门的active
			dm1: -1, //端门的状态
			pfStatus: "", //排风阀状态
			fxdStatus: "", //缝隙带状态
			applicateStatusCode: '', //应用状态代码
			downCode: '', //宕机代码
			isHaveEmergencyDoor:'',//有无应急门
		};
	},
	mounted() {
		window.addEventListener('onmessageWS', this.getSocketData)
		window.addEventListener('onmessageWSDCU', this.getSocketDataDCU)
	},
	destroyed() {
		window.removeEventListener('onmessageWS', this.getSocketData)
		window.removeEventListener('onmessageWSDCU', this.getSocketDataDCU)
	},
	created() {
		this.dataForm.stationName = this.$route.query.stationN;
		this.dataForm.stationSide = Number(this.$route.query.stationDe);
		this.dataForm.DCU = this.$route.query.doorDcu;
		if (this.$route.query.doorType == 1) {
			//滑动门
			this.normalStatus = true;
		} else if (this.$route.query.doorType == 2) {
			//应急门
			this.yjStatus = true;
		} else if (this.$route.query.doorType == 0) {
			//端门
			this.duanmenStatus = true;
		}
		this.init();
	},
	methods: {
		//获取系统的初始状态值
		init() {
			//获取线路和站点
			var p0 = new Promise((resolve, reject) => {
				this.getdoorList(() => {
					resolve();
				});
			});
			// var p1 = new Promise((resolve, reject) => {
			// 	this.getDCUCS(() => {
			// 		resolve()
			// 	})
			// })
			var p1 = "";
			Promise.all([p0, p1]).then(() => {
				this.handleMsg();
				this.handleMsgDCU();
				this.getData(this.returnCSObj()); //清空数据
				this.DCUoptions.forEach((item, index) => {
					if (item.dcu == this.dataForm.DCU) {
						this.activeIndex = index; //当前选中的DCUIndex
					}
				});
				this.yjOptions.forEach((item, index) => {
					if (item.dcu == this.dataForm.DCU) {
						this.activeIndex1 = index; //当前选中的应急门的index
					}
				});
			});
		},
		getSocketData(res) {
			if (res.detail.data) {
				this.handleMsg()
			}
		},
		getSocketDataDCU(res) {
			if (res.detail.data) {
				this.handleMsgDCU()
			}
		},
		//修改端头门信息
		changedm() {
			// this.getDCUCS();
		},
		// 修改DCU编号
		changeDCU() {
			this.DCUoptions.forEach((item, index) => {
				if (this.dataForm.DCU == item.dcu) {
					this.activeIndex = index;
				}
			});
			// console.log(this.activeIndex,'数值显示')
			// this.getDCUCS();
			this.getData(this.returnCSObj()); //应该是切换门的时候清空一下数据
		},
		//修改应急门的编号
		changeyjDCU() {
			this.yjOptions.forEach((item, index) => {
				if (item.dcu == this.dataForm.DCU) {
					this.activeIndex1 = index; //当前选中的应急门的index
				}
			});
		},
		//改变站台测的上下行
		changeStation() {
			this.dataForm.DCU = "";
			this.getdoorList();
		},
		//接收websocket数据
		handleMsg() {
			this.$globalWebSocket.ws.send("psc");
			this.$globalWebSocket.ws.onmessage = this.getMessagePSC;
		},
		handleMsgDCU() {
			this.$globalWebSocket.ws1.send("DCU");
			this.$globalWebSocket.ws1.onmessage = this.getMessage;
		},
		getMessagePSC(e) {
			var message = JSON.parse(e.data);
			if (message.taskStatus == 3) {
				//都断开A B 同时宕机
				this.tipStatus = true;
				this.msg = "PEDC命令断开,正在重新连接";
				if (!localStorage.getItem('tipNumber')) {
					localStorage.setItem('tipNumber', message.taskStatus)
					this.reload()
				}

			} else {
				//正常的数据
				this.tipStatus = false;
				if (localStorage.getItem('tipNumber')) {
					localStorage.removeItem('tipNumber')
				}
				// 滑动门
				// 上行滑动门
				if (this.dataForm.stationSide == 1) {
					this.getdoorData(
						message.upLink.sysAsd,
						message.upLink.sysPscCenterControlPanel,
						message.upLink.sysEed,
						message.upLink.sysMsd
					);
				} else {
					this.getdoorData(
						message.downLink.sysAsd,
						message.downLink.sysPscCenterControlPanel,
						message.downLink.sysEed,
						message.downLink.sysMsd
					);
				}
				// this.getdoorInfo()
			}
		},
		// 单门信息的赋值
		getdoorData(data, data1, data2, data3) {
			// LCB操作信息展示
			var LCBAuto = data.asdLcbAuto.split("");
			this.LCBList[0].status = Number(LCBAuto[this.activeIndex]); // LCB自动门
			var LCBSeparate = data.asdLcbSeparate.split("");
			this.LCBList[1].status = Number(LCBSeparate[this.activeIndex]); // LCB隔离
			var LCBManualOpen = data.asdManualOpen.split("");
			this.LCBList[2].status = Number(LCBManualOpen[this.activeIndex]); // 手动开门
			var LCBManualClose = data.asdManualClose.split("");
			this.LCBList[3].status = Number(LCBManualClose[this.activeIndex]); // 手动关门
			// 接收到的开关门命令
			this.openDoorMarshalling4 = data1.open4ADoorCmd; // PSC开门4编组命令
			this.openDoorMarshalling8 = data1.open8ADoorCmd; // PSC开门8编组命令
			this.pscCloseDoor = data1.closeDoorCmd; // PSC关门命令
			// 开关门到位监测-------关门到位对应关闭且锁紧，如果为1则关门到位否则为关门未到位
			var asdOpen = data.asdOpen.split("");
			var asdClose = data.asdCloseLocked.split("");
			this.openDoorInPlace = Number(asdOpen[this.activeIndex]); //开门到位
			this.openDoorNotInPlace = Number(asdOpen[this.activeIndex]); //开门未到位
			this.closeDoorInPlace1 = Number(asdClose[this.activeIndex]) == 1 ? 1 : 0; //关门到位
			// this.closeDoorInPlace2 = Number(asdClose[this.activeIndex])==1?1:0 //关门未到位
			// 门机状态
			var doorStatus = {
				asdOpening: Number(data.asdOpening.split("")[this.activeIndex]), //开门过程中
				asdClosing: Number(data.asdClosing.split("")[this.activeIndex]), //关门过程中
				asdOpen: Number(data.asdOpen.split("")[this.activeIndex]), //门完全打开
				asdLcbSeparate: Number(data.asdLcbSeparate.split("")[this.activeIndex]), //隔离状态
				asdCloseLocked: Number(data.asdCloseLocked.split("")[this.activeIndex]), //关闭锁紧
				asdManualUnlock: Number(
					data.asdManualUnlock.split("")[this.activeIndex]
				), //手动解锁
				asdOpenBlock: Number(data.asdOpenBlock.split("")[this.activeIndex]), //开门遇阻
				asdCloseBlock: Number(data.asdCloseBlock.split("")[this.activeIndex]), //关门遇阻
				asdTrainFaultSeparateStation: Number(
					data.asdTrainFaultSeparateStation.split("")[this.activeIndex]
				) == 1 ||
					Number(
						data.asdStationFaultSeparateTrain.split("")[this.activeIndex]
					) == 1 ?
					1 : 0, //对位隔离
			};
			this.MLinfo(this.doorSList, doorStatus);
			// 基本故障
			this.baseInfoList[1].status = Number(
				data.asdCloseFaultAlarm.split("")[this.activeIndex]
			); //关门故障
			this.baseInfoList[2].status = Number(data1.safeLoopFault); //安全回路故障
			this.baseInfoList[3].status = Number(
				data.asdOpenFaultAlarm.split("")[this.activeIndex]
			); //开门故障

			//通讯故障
			this.txList[0].status = Number(data1.bus1FaultAlarm);
			this.txList[1].status = Number(data1.bus2FaultAlarm);

			//滑动门的关闭且锁闭的行程开关
			// this.unlockingStroke1 = Number(
			// 	data.asdCloseLocked.split("")[this.activeIndex]
			// );
			// this.unlockingStroke2 = Number(
			// 	data.asdCloseLocked.split("")[this.activeIndex]
			// );
			// this.unlockingStroke3 = Number(
			// 	data.asdCloseLocked.split("")[this.activeIndex]
			// );
			// this.unlockingStroke4 = Number(
			// 	data.asdCloseLocked.split("")[this.activeIndex]
			// );

			//应急门的旁路开关
			this.yjmplStatus = Number(
				data2.emergencyDoorBypassSwitch.split("")[this.activeIndex1]
			);
			//应急门的锁闭和未锁闭的状态
			var edata = this.getEnglish(this.activeIndex1 + 1);
			this.yjKGStatus = data2[`${edata}` + "EedLeft"];
			this.yjKGStatus1 = data2[`${edata}` + "EedRight"];
			//端头门的状态值和行程开关
			if (this.dataForm.stationSide == 1) {
				//上行数据
				if (this.dataForm.DCU == "端头门") {
					this.dm1 = data3.endHeadDoor;
					this.dmStatus = data3.endHeadDoor;
				} else {
					this.dm1 = data3.endTailDoor;
					this.dmStatus = data3.endTailDoor;
				}
			} else {
				//下行数据
				if (this.dataForm.DCU == "端头门") {
					this.dm1 = data3.endHeadDoor;
					this.dmStatus = data3.endHeadDoor;
				} else {
					this.dm1 = data3.endTailDoor;
					this.dmStatus = data3.endTailDoor;
				}
			}
		},
		// 中文换算
		getEnglish(n) {
			switch (n) {
				case 1:
					return "one";
					break;
				case 2:
					return "two";
					break;
				case 3:
					return "three";
					break;
				case 4:
					return "four";
					break;
				case 5:
					return "five";
					break;
				case 6:
					return "six";
					break;
				case 7:
					return "seven";
					break;
				case 8:
					return "eight";
					break;
				default:
				// 与 case 1 和 case 2 不同时执行的代码
			}
		},
		//根据数组回显命令的信息的状态
		MLinfo(Arr, ObjArr) {
			Arr.forEach((item) => {
				Object.keys(ObjArr).forEach((val) => {
					if (item.FName === val) {
						item.status = ObjArr[val];
					}
				});
			});
		},
		//获取websocket数据
		getMessage(e) {
			var message = JSON.parse(e.data);
			// var message = this.getMessageDemo();//本地测试数据
			var doorID = this.activeIndex + 1;
			if (message.dcuId <= 127 && this.dataForm.stationSide == 1) {
				// 上行数据
				if (doorID == message.dcuId) {
					this.getData(message.dcuHeartBeatOne);
					if (message.dcuHeartBeatDown && message.dcuHeartBeatDown.dcuId !== 0) {
						this.downCode = message.dcuHeartBeatDown.downCode //宕机代码
					}
					if (message.dcuHeartBeatCurve && message.dcuHeartBeatCurve.dcuId !== 0) {
						this.parameterForm.leftMWZ = message.dcuHeartBeatCurve.doorPosition;
					}
					this.txList[2].status = message.isADown == 2 ? 1 : 0;
					this.txList[3].status = message.isBDown == 2 ? 1 : 0;
				}else{
					this.txList[2].status = 1;
					this.txList[3].status = 1;
					this.parameterForm.leftMWZ = ''
					this.downCode  = ''
				}
			}
			if (message.dcuId >= 128 && this.dataForm.stationSide == 0) {
				// 下行数据
				var num = message.dcuId - 128;
				if (doorID == num) {
					this.getData(message.dcuHeartBeatOne);
					if (message.dcuHeartBeatDown && message.dcuHeartBeatDown.dcuId !== 0) {
						this.downCode = message.dcuHeartBeatDown.downCode //宕机代码
					}
					if (message.dcuHeartBeatCurve && message.dcuHeartBeatCurve.dcuId !== 0) {
						this.parameterForm.leftMWZ = message.dcuHeartBeatCurve.doorPosition;
					}
					this.txList[2].status = message.isADown == 2 ? 1 : 0;
					this.txList[3].status = message.isBDown == 2 ? 1 : 0;
				}else{
					this.txList[2].status = 1;
					this.txList[3].status = 1;
					this.parameterForm.leftMWZ = ''
					this.downCode  = ''
				}
			}

			// if( message.sysDcuState.dcu==this.dataForm.DCU&&this.normalStatus){ //滑动门显示数据
			// 	// DCU的状态
			// 	this.getData(message.sysDcuState,message.dcuParametersDTO)
			// }
			// if(message.sysDcuState.dcu==this.dataForm.DCU&&Number(message.sysDcuState.dcuUpORDown)==this.dataForm.stationSide){ //应急门或者端门
			// 	// DCU的状态
			// 	this.getData(message.sysDcuState,message.dcuParametersDTO)
			// }
		},
		//根据数组回显命令的信息的状态
		MLinfo(Arr, ObjArr) {
			Arr.forEach((item) => {
				Object.keys(ObjArr).forEach((val) => {
					if (item.FName === val) {
						item.status = ObjArr[val];
					}
				});
			});
		},
		
		//获取单门的列表
		getdoorList(callback) {
			this.DCUoptions = [];
			this.dmOptions = [];
			this.$http.get("/psc/door/getDoor").then((res) => {
				if (this.dataForm.stationSide == 1) {
					res.data.data.up.forEach((item) => {
						if (item.doorType == 1) {
							this.DCUoptions.push(item);
						} else if (item.doorType == 0) {
							this.dmOptions.push(item);
						} else if (item.doorType == 2) {
							this.yjOptions.push(item);
						}
					});
					if (callback) {
						callback();
					}
				} else {
					res.data.data.down.forEach((item) => {
						if (item.doorType == 1) {
							this.DCUoptions.push(item);
						} else if (item.doorType == 0) {
							this.dmOptions.push(item);
						} else if (item.doorType == 2) {
							this.yjOptions.push(item);
						}
					});
					if (callback) {
						callback();
					}
					this.DCUoptions.reverse();
					this.dmOptions.reverse();
					this.yjOptions.reverse();
				}
			});
		},
		//获取DCU初始值
		getDCUCS(callback) {
			// this.dataForm.DCU
			this.$http
				.get("/psc/dcu/readCurrentDcu", {
					params: {
						dcu: this.dataForm.DCU,
						doorType: this.$route.query.doorType,
						stationSide: this.dataForm.stationSide,
					},
				})
				.then((res) => {
					if (res.data.code == 0 && res.data.data !== null) {
						if (this.dataForm.DCU == res.data.data.sysDcuState.dcu) {
							this.getData(
								res.data.data.sysDcuState,
								res.data.data.dcuParametersDTO
							);
						}
						if (callback) {
							callback();
						}
					}
				});
		},
		getData(data) {
			//门机运行参数
			this.parameterForm.leftDJDL = ((data.leftCurrent || data.leftCurrent == 0) && data.leftCurrent !== '') ?
				data.leftCurrent.toFixed(1) : ''; //左门电机电流
			this.parameterForm.rightDJDL = ((data.rightCurrent || data.rightCurrent == 0) && data.rightCurrent !==
				'') ? data.rightCurrent.toFixed(1) : ''; //右门电机电流
			// this.parameterForm.hzdy = ((data.dc24Voltage||data.dc24Voltage==0) &&data.dc24Voltage!=='')?data.dc24Voltage.toFixed(1):''; //控制电压
			// this.parameterForm.leftMJZL = data.leftNowel; //左门机阻力
			// this.parameterForm.rightMJZL = data.rightNowel; //右门机阻力
			this.parameterForm.qddy = data.dc110Voltage; //驱动电压
			this.parameterForm.cumulativeBlockTimes =  data.cumulativeBlockTimes
			// this.parameterForm.leftMWZ = data.doorPosition; //左门位置
			// this.parameterForm.rightMWZ = data.doorPosition; //右门位置
			// 其他故障---门机故障
			this.leftDCT = data.leftElecLockFault; //左电磁锁故障
			this.rightDCT =  data.rightElecLockFault; //右电磁锁故障
			this.leftDJ = data.leftMotorOverCurrentFault; //左电机过载
			this.rightDJ = data.rightMotorOverCurrentFault; //右电机过载
			// this.doorReferenceResources = data.refZero; //门参考零位置点丢失
			//基本故障
			// this.baseInfoList[0].status = data.autoLearningStatus == "3" ? 1 :
			// 	0; 
			//自学习故障(原字段learnFault,现字段learnState)完成:00,未完成:01,故障11
			this.baseInfoList[4].status = data.openDoorSigFault; //开门命令信号故障
			this.baseInfoList[5].status = data.closeDoorSigFault; //关门信号故障
			this.baseInfoList[6].status = data.voltage24Status; //DCU控制电压故障
			//门机状态
			this.doorSList[0].status = data.autoLearningStatus == "2" ? 1 : 0; //自学习中--门机状态10是自学习中

			// this.pfStatus = data.exhaustStatus; // 排风阀状态
			// this.fxdStatus = data.slipLightStripStatus; //缝隙灯带状态

			// this.txList[2].status = data.isADown == 1 ? 0 : 1; //DCU通信链路一故障
			// this.txList[3].status = data.isBDown == 1 ? 0 : 1; //DCU通信链路二故障

            this.motorDriverTempStatus = data.motorDriverTempStatus == 1 ? 0 : 1 //温度异常
			this.applicateStatusCode = data.applicateStatusCode;
			this.unlockingStroke1 = data.leftLockStatus; //左锁状态
			this.unlockingStroke2 = data.rightLockStatus;//右锁状态
			this.isHaveEmergencyDoor = data.isHaveEmergencyDoor
		},
		//返回初始值
		returnCSObj() {
			var obj = {
				leftCurrent: '',
				rightCurrent: '',
				dc24Voltage: -1,
				leftNowel: '',
				rightNowel: '',
				dc110Voltage: '',
				doorPosition: '',
				leftElecLockFault: '',
				rightElecLockFault: '',
				leftMotorOverCurrentFault: '',
				rightMotorOverCurrentFault: '',
				refZero: '',
				autoLearningStatus: '',
				openDoorSigFault: '',
				closeDoorSigFault: '',
				autoLearningStatus: '',
				exhaustStatus: '',
				slipLightStripStatus: '',
				isADown: '',
				isBDown: '',
				motorDriverTempStatus: 1
			}
			return obj
		},
		//测试用的模拟数据
		getMessageDemo(){
			var message = {
				curTime: 0,
				dcuHeartBeatCurve: {
					dcuId: 3,
					doorPosition: 112,
					ek1: 0,
					ek2: 0,
					ek3: 0,
					ek4: 0,
					ek5: 0,
					ek6: 0,
					ek7: 0,
					ek8: 0,
					ek9: 0,
					openClose: 0,
					t1: 0,
					t2: 0,
					t3: 0,
					t4: 0,
					t5: 0,
					t6: 0,
					t7: 0,
					t8: 0,
					t9: 0,
					v1: 0,
					v2: 0,
					v3: 0,
					v4: 0,
					v5: 0,
					v6: 0,
					v7: 0,
					v8: 0,
					v9: 0,
				},
				dcuHeartBeatDown: {
					dcuId: 0,
			       downCode: 0,
				},
				dcuHeartBeatOne:{
					applicateStatusCode: 0,
					autoLearningStatus: 0,
					closeDoorSigFault: 0,
					cumulativeBlockTimes: 0,
					dc110Voltage: 0,
					dcuId: 0,
					driverTemperatureAlarm: 0,
					isHaveEmergencyDoor: 0,
					leftCurrent: 0,
					leftElecLockFault: 0,
					leftLockStatus: 0,
					leftMotorOverCurrentFault: 0,
					motorDriverTempStatus: 0,
					openDoorSigFault: 0,
					reserve: 0,
					rightCurrent: 0,
					rightElecLockFault: 0,
					rightLockStatus: 0,
					rightMotorOverCurrentFault: 0,
					safeLoopCollection1: 0,
					safeLoopCollection2: 0,
					voltage24Status: 1,
				},
				dcuId: 3,
				isADown: 1,
				isBDown: 1,
			}
			return message
		},
		// //DCU的数据参数----旧版弃用
		// getData(data,data1){
		// 	// 端门的行程开关-----未区分上下行的端头门和端尾门
		// 	// this.dmStatus = data.dmK1
		// 	//应急门的行程开关-----未区分上下行的应急门
		// 	// this.yjKGStatus = data.eedK1
		// 	// this.yjKGStatus1 = data.eedK2
		// 	//行程开关
		// 	// 关闭行程开关
		// 	// this.unlockingStroke1 = data.asdK1 //左开关1 闭合
		// 	// this.unlockingStroke2 = data.asdK2 //左开关2 闭合
		// 	// this.unlockingStroke3 = data.asdK5 //右开关1 闭合
		// 	// this.unlockingStroke4 = data.asdK6 //右开关2 闭合
		// 	// 锁闭行程开关
		// 	// this.lockingStroke1 = data.asdK3 //左开关1 闭合
		// 	// this.lockingStroke2 = data.asdK4 //左开关2 闭合
		// 	// this.lockingStroke3 = data.asdK7 //右开关1 闭合
		// 	// this.lockingStroke4 = data.asdK8 //右开关2 闭合
		// 	//门机运行参数
		// 	this.parameterForm.leftDJDL = data1.leftCurrent //左门电机电流
		// 	this.parameterForm.rightDJDL = data1.rightCurrent //右门电机电流
		// 	this.parameterForm.hzdy =  data1.dc24Voltage  //控制电压
		// 	this.parameterForm.leftMJZL =data1.leftNowel //左门机阻力
		// 	this.parameterForm.rightMJZL = data1.rightNowel //右门机阻力
		// 	this.parameterForm.qddy = data1.dc110Voltage//驱动电压
		// 	// this.parameterForm.leftSpeed = data1.leftSpeed //左门速度
		// 	// this.parameterForm.rightSpeed = data1.rightSpeed //右门速度
		// 	this.parameterForm.leftMWZ = data1.doorPosition //左门位置
		// 	this.parameterForm.rightMWZ =  data1.doorPosition //右门位置
		// 	// 其他故障---门机故障
		// 	this.leftDJ  =data.leftOverloadFault //左电磁锁故障
		// 	this.rightDJ = data.rightOverloadFault //右电磁锁故障
		// 	this.leftDCT = data.leftLockFault //左电机过载
		// 	this.rightDCT = data.rightLockFault//右电机过载
		// 	// this.leftDJHE = data.leftHallFault //左电机霍尔故障
		// 	// this.rightDJHE = data.rightHallFault //右电机霍尔故障
		// 	this.doorReferenceResources = data1.doorLose=='01'?1:0 //门参考零位置点丢失
		// 	//基本故障
		// 	this.baseInfoList[0].status = data.learnState=='11'?1:0 //自学习故障(原字段learnFault,现字段learnState)完成:00,未完成:01,故障11
		// 	this.baseInfoList[4].status = data.openFault //开门命令信号故障
		// 	this.baseInfoList[5].status = data.closeFault //关门信号故障
		// 	//门机状态
		// 	this.doorSList[0].status = data.learnState=='10'?1:0 //自学习中--门机状态10是自学习中
		// 	// 排风阀状态
		// 	this.pfStatus = data.airState //旧的
		// 	this.fxdStatus = data.lightState
		// },
	},
};
</script>

<style scoped>
.bg {
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	height: 7.6vh;
	line-height: 7.6vh;
	padding: 0 1.8vw;
}

.bg>>>.el-form--inline .el-form-item__content,
.el-form--inline .el-form-item {
	vertical-align: middle !important;
}

.bg>>>.el-form-item {
	margin-bottom: 0;
}

/* .bg>>> .el-select,.bg>>> .el-input__inner{
		height: 30px!important;
	} */
.bg1 {
	margin-top: 10px;
}

.LCBContent {
	height: 25.3vh;
	min-height: 200px;
	background-color: #fff;
	border-radius: 10px;
	padding: 1.34vh 1.875vw;
	margin-right: 10px;
}

.LCBContent1 {
	padding: 1.34vh 0;
}

.LCBContentTxt {
	font-size: 18px;
	font-weight: 700;
	color: rgba(42, 130, 228, 1);
	text-align: center;
	margin: 0;
}

.LCBContentul {
	display: flex;
	height: calc(100% - 23px);
	justify-content: center;
}

.LCBContentul ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0;
	margin: 0;
	justify-content: space-evenly;
	align-items: center;
}

.LCBContentul ul li {
	position: relative;
	padding-left: 2vw;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.LCBContentul ul li:before {
	content: "";
	width: 1vw;
	height: 1vw;
	/* background: rgba(9, 216, 145, 1)!important; */
	background: rgba(166, 166, 166, 1);
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 2px;
}

.PSCContent {
	display: flex;
	flex-direction: column;
	height: calc(100% - 23px);
}

.PSCContent1,
.PSCContent2 {
	width: 94%;
	height: 56%;
	margin-top: 4%;
	margin-left: 3%;
	display: flex;
	align-items: center;
	padding: 0 1.875vw;
	justify-content: space-between;
	/* border-bottom:1px dashed #c0c1c1; */
	background-color: rgba(0, 123, 255, 0.1);
	border-radius: 10px;
}

.PSCContent2 {
	width: 94%;
	height: 40%;
	border-bottom: none;
}

.PSCContent1Txt {
	font-size: 16px;
	font-weight: 400;
	color: rgba(28, 134, 255, 1);
}

.PSCContent1Txt1,
.PSCContent11 {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.PSCContent1Txt1 div,
.PSCContent11 div {
	position: relative;
	padding-left: 2vw;
}

.PSCContent11 div {
	padding-left: 0vw;
}

.PSCContent1Txt1 div:before {
	content: "";
	width: 1vw;
	height: 1vw;
	border-radius: 100px;
	background: rgba(166, 166, 166, 1);
	position: absolute;
	left: 0;
	top: 2px;
}

.PSCContent1Txt2 div:before {
	top: -10px;
}

.PSCShow:before {
	background-image: radial-gradient(#fff, #09d891, #09d891) !important;
	/* background: rgba(9, 216, 145, 1)!important; */
}

.PSCNoShow:before {
	background: rgba(166, 166, 166, 1);
}

.pscTxt2 {
	font-size: 16px;
	font-weight: 400;
	color: rgba(28, 134, 255, 1);
	padding-right: 1vw;
}

.PSCContent11B {
	position: relative;
	padding-left: 2vw;
}

.PSCContent11B:before {
	content: "";
	width: 1vw;
	height: 1vw;
	border-radius: 100px;
	background: rgba(166, 166, 166, 1);
	position: absolute;
	left: 0;
	top: 2px;
}

.doorS ul {
	flex-direction: initial;
	flex-wrap: wrap;
}

.doorS ul li {
	width: 50%;
}

/* .doorS ul li:nth-child(2n){
		width: 57%;
	}
	.doorS ul li:nth-child(2n+1){
		width: 43%;
	} */
.

/* doorS ul li:first-child{
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
	} */
.doorS ul li:first-child:before {
	left: 28%;
}

.xcStatus {
	height: 25vh;
	min-height: 200px;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 2.1vh 1.5vw;
	/* justify-content: space-between; */
	margin-right: 10px;
	border-radius: 10px;
}

.homeTuTxt {
	width: 16px;
	font-size: 18px;
	font-weight: 700;
	word-wrap: break-word;
	word-break: normal;
	color: rgba(42, 130, 228, 1);
	display: flex;
	align-items: center;
}

.xcStatusTxt {
	font-size: 16px;
	font-weight: 500;
	color: rgba(42, 130, 228, 1);
}

.xcStatusJs {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-left: 10%;
	width: 100%;
}

.xcStatusTxt1 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100% - 23px);
	position: relative;
	font-size: 16px;
}

.xcStatusTxt1:before {
	content: "";
	width: 1vw;
	height: 1vw;
	border-radius: 100px;
	background: rgba(166, 166, 166, 1);
	position: absolute;
	left: -2vw;
}

.baseInfo {
	height: 25vh;
	background-color: #fff;
	padding: 2.1vh 1.5vw;
	justify-content: space-between;
	margin-right: 10px;
}

.baseInfoS ul li:nth-child(2n) {
	width: 50%;
}

.baseInfoS ul li:nth-child(2n + 1) {
	width: 50%;
}

.baseInfoS ul li:first-child {
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	opacity: 0;
}

.baseInfoS ul li:last-child:before,
.baseInfoS ul li:nth-child(6):before {
	/* left: 20%; */
}

.baseInfoS ul li:nth-child(6) {
	width: 50%;
}

.baseInfoS ul li:last-child {
	width: 50% !important;
	justify-content: flex-start;
	text-align: left;
}

.parameterInfo {
	height: 30vh;
	min-height: 249px;
}

.parameterInfo>>>.el-input__inner {
	height: 100% !important;
}

.parameterInfo>>>.el-form-item {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	color: rgba(46, 48, 51, 1);
}

.danwei {
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.parameterContent {
	height: calc(100% - 23px);
}

.parameterContent .el-form {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 100%;
}

.parameterContent .el-row {
	display: flex;
	align-items: center;
}

.parameterContent>>>.el-form-item__label {
	font-size: 16px !important;
}

.parameterContent1 {
	display: block;
	/* width:8.5vw; */
	width: 120px;
	font-size: 16px;
}

.duanmenBg {
	background-color: transparent !important;
	padding: 0;
}

.duanmenBg1 {
	background: #fff !important;
	padding: 0 1.8vw;
	border-radius: 10px;
	margin-right: 10px;
}

.duanmenCon {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
}

.duanmenCon1 {
	width: 16px;
	font-size: 14px;
	font-weight: 700;
	word-wrap: break-word;
	word-break: normal;
	line-height: 15px;
	color: rgba(42, 130, 228, 1);
}

.duanmenCon2 {
	/* padding-left: 4.2vw; */
	font-size: 16px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	position: relative;
	display: flex;
	align-items: center;
}

.duanmenCon2:before {
	content: "";
	width: 1vw;
	height: 1vw;
	border-radius: 100px;
	background: rgba(166, 166, 166, 1);
	position: absolute;
	left: -1.3vw;
	/* top: 26px; */
	top: 29px;
}

.green:before {
	background-image: radial-gradient(#fff, #09d891, #09d891) !important;
	/* background: rgba(9, 216, 145, 1); */
}

.red:before {
	/* background: rgba(212, 48, 48, 1) */
	background-image: radial-gradient(#fff,
			rgba(212, 48, 48, 1),
			rgba(212, 48, 48, 1)) !important;
}

.duanmenCon21:before {
	left: -1.6vw;
}

.yjTxt {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 141, 26, 1);
	/* margin-left: 2.2vw; */
}

.GZactive:before {
	background-image: radial-gradient(#fff,
			rgba(212, 48, 48, 1),
			rgba(212, 48, 48, 1)) !important;
	/* background: rgba(212, 48, 48, 1) !important; */
}

.tipContent {
	position: fixed;
	top: 0px;
	height: 50px;
	line-height: 50px;
	z-index: 999999;
	width: 50%;
	margin-left: 20%;
	text-align: center;
}

.tipsTxt {
	color: red;
	font-weight: 600;
	font-size: 20px;
	width: 250px;
	margin: 0 auto;
}

.tipsTxt>>>.marquee-wrap,
.tipsTxt>>>.scroll {
	height: 50px;
}

.tipsTxt>>>.marquee,
.tipsTxt>>>.copy {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.tipsTxt>>>.getWidth {
	margin: 0 !important;
}

.xcContent {
	display: flex;
	height: 100%;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

.xcContent1 {
	display: flex;
	height: 100%;
	align-items: center;
	background-color: rgba(0, 123, 255, 0.1);
	border-radius: 10px;
	margin-bottom: 5px;
	/* margin-top: 10px; */
	padding: 5px 2vw;
	width: 100%;
	justify-content: center;
}

.xcContent>>>.xcContent1:last-child {
	margin-bottom: 0 !important;
}

.right2 {
	padding-right: 2vw;
}

.LCBContentulG ul li:first-child:before {
	left: 35%;
}

.PSCContent11B:before {
	top: 0px !important;
}

/* 文字滚动 */
.merquee {
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
}

.merquee-txt {
	display: inline-block;
	padding-left: 100%;
	/* 从右至左开始滚动 */
	animation: marqueeTransform 16s linear infinite;
}

/* 三种状态值 */
.pfContent {
	width: 100px;
	height: 30px;
	background-color: #d3d3d3;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* padding-right: 6px; */
}

.pfOpen {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 12px;
}

.pfgreen {
	background-color: #09d891;
}

.pfclose {
	background-color: rgba(166, 166, 166, 1);
}

.pfgz {
	background-color: rgba(212, 48, 48, 1);
}

.inputWidth {
	width: 7.8vw;
	height: 3.5vh;
	min-width: 100px;
}

.doorSNew ul li{
	width: 40%!important;
	margin-left: 10%!important;
}
.doorSNew1 ul{
	align-items: flex-start;
}
.doorSNew1 ul li:first-child{
	width: 100%!important;
}
.doorSNew1 ul li,.doorSNew1 ul li:last-child{
	width: 40%!important;
	margin-left: 10%!important;
}
@keyframes marqueeTransform {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(-100%, 0);
	}
}

@media screen and (min-width: 1920px) {

	/* .baseInfoS ul li:last-child:before,.baseInfoS ul li:nth-child(6):before{
			    left: 30%;
				
		} */
	/* .doorS ul li:first-child:before{
			 left: 36%;
		} */
	.LCBContentulG ul li:first-child:before {
		left: 38%;
	}

	.LCBContentul ul li:before {
		top: 0px !important;
	}

	.baseInfoS ul li:nth-child(2n) {
		width: 50%;
		text-align: left;
	}

	.baseInfoS ul li:nth-child(2n + 1) {
		width: 50%;
		text-align: left;
	}

	.baseInfoS ul li:first-child {
		width: 100%;
		text-align: center;
		opacity: 0;
	}

	.baseInfoS ul li:last-child:before,
	.baseInfoS ul li:nth-child(6):before {
		left: 0;
	}
}

@media screen and (max-width: 1440px) {
	.inputWidth {
		width: 5.8vw;
		height: 3.5vh;
	}
}
</style>
